.col1{
    width: 200px;
    height: 200px;
    /* background: linear-gradient(to top, rgb(122,182,182), rgb(229,207,170)); */
    border: 1px solid slategrey;
    margin-left: 200px;
    box-shadow: 10px 5px 5px lightcoral;
}
.col2{
    width: 200px;
    height: 200px;
    /* background: linear-gradient(to top, rgb(122,182,182), rgb(229,207,170)); */
    border: 1px solid slategrey;
    margin-left: 200px;
    margin-top: 80px;
    box-shadow: 10px 5px 5px lightcoral;
}
.Col{
    /* width: 900px; */
    height: 70px;
    /* margin-left: 200px; */
    margin-top: 100px;
}
.user div{
    /* float: right; */
    float: left;
}
.u{
    width: 600px;
    height: 350px;
    border: 1px solid rgb(231,234,236);
    margin-left: 50px;
    margin-top: 50px;
    
}
.u3text1{
    width: 200px;
    height: 200px;
    border: 1px solid rgb(231,234,236);
    margin-left: 30px;
    margin-top: 50px;
}
.u3t1t1{
    width: 200px;
    /* border: 1px solid black; */
    font-size: 20px;
}
.u3t1t2{
    font-size: 40px;
    color: red;
    margin-top: 40px;
    margin-left: 80px;
}
.u3t2t1{
    width: 200px;
    /* border: 1px solid black; */
    font-size: 20px;
}
.u3t2t2{
    font-size: 40px;
    color: red;
    margin-top: 40px;
    margin-left: 80px;
}
.u3text2{
    width: 200px;
    height: 200px;
    border: 1px solid rgb(231,234,236);
    margin-left: 50px;
    margin-top: 50px;
    
}
.U{
    width: 500px;
    height: 300px;
    /* border: 1px solid black; */
    margin-left: 50px;
    margin-top: 25px;
    text-align: center;
}
#main{
    margin-left: 120px;
    margin-top: 30px;
    border: 1px solid rgb(231,234,236);
}
#chart{
    border: 1px solid rgb(231,234,236);
}
#shoop{
    border: 1px solid rgb(231,234,236);
    margin-left: 40px;
}
